<script setup>
  import { ref } from 'vue';
  import TextEditor from './TextEditor.vue';
  import HTTPserver from '@/js/HTTPserver';
  let emit = defineEmits(['delWebLog']);
  const props = defineProps({
    sort: {
      type: Number,
    },
    title: {
      type: String,
      required: true,
    },
    description: {
      type: String,
      required: true,
    },
    date: {
      type: String,
      required: true,
    },
  });

  // const title = ref(props.title);
  // const description = ref(props.description);
</script>

<template>
  <div class="card_N3 color_white">
    <div class="text_H3" style="height: 3rem; padding: 1rem">
      <!-- {{ title }} -->
      <div style="width: 98%; display: inline-block" v-html="title"></div>
      <div
        class="button_N3"
        style="cursor: pointer; display: inline-block; position: relative; top: -1rem"
        v-on:click="$emit('delWebLog', sort, title, description, date)"
      >
        ×
      </div>
    </div>

    <div class="text_H5" style="padding-left: 1rem; padding-right: 1rem">
      <div v-html="description"></div>
    </div>
    <div class="text_H5" style="height: 3rem; text-align: right; padding: 1rem">{{ date }}</div>
  </div>
</template>
